<script setup>
import { getRouteLink } from '@/utils/functions';

const props = defineProps({
    tabNavs: {
        type: Array,
        default: () => [],
    },
});
</script>

<template>
    <ul class="categoryTxt">
        <li v-for="tabNav in tabNavs">
            <a :href="getRouteLink(tabNav.name)" :class="[tabNav.isCurrentPage ? 'cateParentALL' : 'cateParentA']">{{ tabNav.title }}</a>
        </li>
    </ul>
</template>

<style scoped>
.categoryTxt li:not(:first-child) {
    margin-left: 10px;
}
</style>